<template>
  <main class="xh-main">
    <section>
      <img class="full-width" src="http://121.40.123.166/anzren/home3.jpg" alt="">
    </section>
    <div class="ac-head">
      <div class="pc-width flex-align-center full-height">
        <a v-for="(item, index) in link" :key="index" :to="item.path" class="nav blue" :class="{'active': $route.fullPath.includes(item.link)}" @click="tolink(item, index)">{{item.name}}</a>
      </div>
    </div>
    <section class="pc-width">
      <router-view></router-view>
    </section>
  </main>
</template>
<script>
export default {
  name: 'association',
  data () {
    return {
      currentIndex: 0,
      link: [{
        path: '/installer/cost/rules',
        name: '造价信息',
        link: 'cost'
      }, {
        path: '/installer/bim',
        name: 'BIM',
        link: 'bim'
      }, {
        path: '/installer/evaluation/notice',
        name: '企业能力评价',
        link: 'evaluation'
      }, {
        path: '/installer/cloud/notice',
        name: '云课堂',
        link: 'cloud'
      }, {
        path: '/installer/assess',
        name: '职称评定',
        link: 'assess'
      }, {
        path: '/installer/record',
        name: '材料备案',
        link: 'record'
      }, {
        path: '/installer/completion',
        name: '竣工资料',
        link: 'completion'
      }, {
        path: '/installer/excellence',
        name: '创优71条',
        link: 'excellence'
      }, {
        path: '/installer/promotion',
        name: '绿色促进中心',
        link: 'promotion'
      }]
    }
  },
  components: {
  },
  computed: {
  },
  created () {
    console.log(11111)
  },
  methods: {
    tolink (item, index) {
      this.currentIndex = index
      this.$router.push({ path: item.path })
    }
  }
}
</script>
<style lang="scss">
</style>
